import React from "react";
import {useDispatch,useSelector}from "react-redux";
import {increment,decrement} from "../../store/slice/countSlice"

export default function Count(){
     // 储存的方法
    const dispacth =useDispatch()
    const count =useSelector(state => state.count.count)
    

    
   
    // 这个是写增加的
    const incrementHandle =()=>{
    //直接替换掉store.dispatch   
        dispacth(increment(10))
       
    }
    // 这个是写减少的
    const decreamentHandle =()=>{
       
      
    }
    // 这个是写是否是奇数   store储存
    const ifOddDecrementHandle =()=>{
        if(count % 2 !==0){
          
          
        }
    }
    //这个是来一个定时器，然后要等到2秒之后再执行的
    const waitDecrementHandle = ()=>{
       
        }
    

  

    return (
        <div>
            <h1>我是Count组件 我的值是{count}</h1>
            <h2>当前的电影总是数{}</h2>
     
        <div>
            <button onClick={incrementHandle}>累加</button>
            <button onClick={decreamentHandle}>累减</button>
            <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
            <button onClick={waitDecrementHandle}>等2s再加1</button>
        </div>
        </div>
    )
}